// Suitable for webkit core and mobile
.ellipsis-multiple(@num: 1) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @num;
}

// Set width && height
.set-size(@width, @height: @width) {
  width: @width;
  height: @height;
}

.set-min-size(@width, @height: @width) {
  min-width: @width;
  min-height: @height;
}

// common flex type
.flex-type(@justify-type) {
  display: flex;
  align-items: center;
  justify-content: @justify-type;
}
